﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Samples/Sample.Master"
    CodeBehind="DropDown.aspx.cs" Inherits="JQueryControlToolkit.Sample.Web.Samples.DropDown" %>

<asp:Content runat="server" ContentPlaceHolderID="head">
    <title>Untitled Page</title>
    <style type="text/css">
        #dropdown
        {
        	display:block;
        	width: 150px;
            padding: 0.5em;
            margin: 10px;
        }
        #dropdownPanel
        {
        	list-style:none;
        	margin:10px;
        }
    </style>
</asp:Content>
<asp:Content runat="server" ContentPlaceHolderID="body">
    <span id="dropdown">toto</span>
    <ul id="dropdownPanel" class="ui-state-focus" style="display: none">
        <li>item 1</li>
        <li>item 2</li>
        <li>item 3</li>
    </ul>
    <jQuery:DropDownExtender ID="DropDownExtender1" runat="server" DisplayArrow="false"
        TargetControlSelector="#dropdown" DropDownSelector="#dropdownPanel" />
</asp:Content>
